body,html,p, ul, li {
  padding: 0;
  margin: 0;
}
ul, li {
  list-style: none;
}

body {
  width: 100%;
  max-height: 36.64rem;
  background-image: url(./images/bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.clearfix {
  clear: both;
}

.active-time {
  height:.373333rem;
  font-size:14px;
  font-weight:400;
  color:rgba(151,151,151,1);
  line-height:20px;
  margin-top: 6.373333rem;
  text-align: center;
}

[data-dpr="2"] .active-time {
  font-size:28px;
  line-height: 40px;
}
[data-dpr="3"] .active-time {
  font-size:42px;
  line-height: 60px;
}

.title-0 {
  width: 4.16rem;
  height: 1.253333rem;
  margin: .8rem auto 0;
  background-image: url(./images/rule.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.rule-desc {
  width: 7.866667rem;
  /* height: 1.6rem; */
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:20px;
  text-align: left;
  margin: .72rem auto 0;
}

[data-dpr="2"] .rule-desc {
  font-size:28px;
  line-height: 40px;
}
[data-dpr="3"] .rule-desc {
  font-size:42px;
  line-height: 60px;
}

.rule-desc-gift {
  overflow: hidden;
  margin-top: .346667rem;
}

.rule-desc-gift-0,
.rule-desc-gift-1 {
  width: 3.733333rem;
  height: 3.2rem;
  background:linear-gradient(67deg,rgba(0,30,255,0.3) 0%,rgba(0,0,221,0.3) 100%);
  border: .026667rem solid rgba(19,31,125,1);
  /* border-image:linear-gradient(67deg, rgba(0,30,255,0.3), rgba(0,0,221,0.3)) 1 1; */
  /* -webkit-border-image:linear-gradient(67deg, rgba(224, 225, 230, 1), rgba(239, 239, 243, 1)) 1 1; */
  /* -o-border-image:linear-gradient(67deg, rgba(224, 225, 230, 1), rgba(239, 239, 243, 1)) 1 1; */
  /* border-image:linear-gradient(67deg, rgba(228,65,2,1), rgba(228,65,2,1)) 1 1; */
}
.rule-desc-gift-0 {
  float: left;
  margin-left: 1.04rem;
}
.rule-desc-gift-1 {
  float: right;
  margin-right: 1.04rem;  
}
.rule-desc-gift-0 > .rule-desc-gift-img {
  width: 1.866667rem;
  height: 1.866667rem;
  margin: .4rem .933333rem .32rem;
  /* border: .026667rem dotted white; */
}

.rule-desc-gift-1 > .rule-desc-gift-img {
  width: 1.813333rem;
  height: 2.293333rem;
  margin: .16rem .96rem .186667rem;
}

.rule-desc-gift-text {
  height: .453333rem;
  font-size:12px;
  font-weight:400;
  color:rgba(255,245,114,1);
  line-height:17px;
  text-align: center;
}

[data-dpr="2"] .rule-desc-gift-text {
  font-size:24px;
  line-height: 34px;
}
[data-dpr="3"] .rule-desc-gift-text {
  font-size:36px;
  line-height: 51px;
}

.rule-desc-3 {
  width: 8rem;
  height:1.28rem;
  line-height: 1.28rem;
  background:linear-gradient(67deg,rgba(0,30,255,0.1) 0%,rgba(0,0,221,0.1) 100%);
  border:.026667rem solid;
  border-image:linear-gradient(67deg, rgba(0,30,255,0.1), rgba(0,0,221,0.1)) 1 1;
  margin: .32rem auto 0;
  text-align: center;
} 

.rule-desc-3 p {
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,1);
}

[data-dpr="2"] .rule-desc-3 p {
  font-size:28px;
}
[data-dpr="3"] .rule-desc-3 p {
  font-size:42px;
}

.uu {
  color:rgba(248,244,136,1);
}

.uuu {
  font-size: 18px;
}

[data-dpr="2"] .uuu {
  font-size:36px;
}
[data-dpr="3"] .uuu {
  font-size:54px;
}

.title-1 {
  width: 4.16rem;
  height: 1.253333rem;
  margin: .8rem auto;
  background-image: url(./images/total.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* visibility: hidden; */
}

/* .total-box {
  width: 8.933333rem;
  height:12.613333rem;
  background:linear-gradient(262deg,rgba(22,7,1,0.37) 6%,rgba(95,31,31,0.34) 100%);
  border:.026667rem solid rgba(145,92,88,1);
  border-bottom: none;
  border-image:linear-gradient(180deg, rgba(246,79,63,1), rgba(228,65,2,1)) 1 1;
  margin: 0 auto 0;
  display: none;
} */

table {
  width: 8.933333rem;
  margin: 0 auto 0;
  border:.026667rem solid rgba(164,101,98,1);
  border-bottom: none;
  display: none;
}

thead {
  font-size:12px;
  font-weight:400;
  color:rgba(162,58,29,1);
  line-height:20px;
  height: .533333rem;
  background:linear-gradient(262deg,rgba(165,47,0,0) 0%,rgba(95,31,31,0.6) 100%);
  border-bottom: 1px solid rgba(118,44,30,1);
}

[data-dpr="2"] thead {
  font-size:24px;
  line-height: 40px;
}
[data-dpr="3"] thead {
  font-size:36px;
  line-height: 60px;
}
tbody {
  font-size:15px;
  font-weight:400;
  color:rgba(228,65,2,1);
  display: block;
  max-height: 10.453333rem;
  overflow-y: scroll;
  white-space: nowrap;
}

[data-dpr="2"] tbody {
  font-size:30px;
}
[data-dpr="3"] tbody {
  font-size:45px;
}
tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
td {
  text-align: center;
  overflow: hidden;
}
table>tbody>tr>td {
  height: 1.6rem;
  position: relative;
}
.number-0 {
  width: .64rem;
  height: .853333rem;
  background-image: url(./images/1.png);
  background-size: cover;
  margin: 0 auto;
}
.number-1 {
  width: .64rem;
  height: .853333rem;
  background-image: url(./images/2.png);
  background-size: cover;
  margin: 0 auto;
}
.number-2 {
  width: .64rem;
  height: .853333rem;
  background-image: url(./images/3.png);
  background-size: cover;
  margin: 0 auto;
}
.head-img {
  width: 1.28rem !important;
  height: 1.28rem !important;
  margin: 0 auto;
  border:.026667rem solid rgba(228,65,2,1);
  border-radius: 50%;
  overflow: hidden;
}
tfoot {
  color: white;
}
.total-footer {
  width: 8.933333rem;
  height:1.6rem;
  background:linear-gradient(262deg,rgba(22,7,1,0.37) 6%,rgba(95,31,31,0.34) 100%);
  border:.026667rem solid rgba(164,101,98,1);
  border-top: .026667rem solid rgba(131,48,33, 1);
  margin: 0 auto;
  overflow: hidden;
}
.total-footer>div {
  height: 1.6rem;
  /* line-height: 1.6rem; */
  float: left;
  /* overflow: hidden; */
}
.total-footer>div:nth-child(1) {
  width: 30%;
}
.total-footer>div:nth-child(2) {
  width: 50%;
}
.total-footer>div:nth-child(3) {
  width: 20%;
}
.total-footer .head-footer-img {
  width: 1.28rem;
  height: 1.28rem;
  border:.026667rem solid rgba(228,65,2,1);
  border-radius: 50%; 
  margin: .16rem .32rem;
  overflow: hidden;
}

.total-footer>div:nth-child(2) p {
  height: .4rem;
  font-size:15px;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:15px;
}

.total-footer>div:nth-child(2) p:nth-child(1) {
  margin-top: .346667rem;
}
.total-footer>div:nth-child(2) p:nth-child(2) {
  margin-top: .133333rem;
}
[data-dpr="2"] .total-footer div:nth-child(2) p {
  font-size:30px;
  line-height: 30px;
}
[data-dpr="3"] .total-footer div:nth-child(2) p {
  font-size:45px;
  line-height: 45px;
}

.number {
  font-size:13px;
  font-weight:400;
  color:rgba(255,255,255,1);
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}


[data-dpr="2"] .number {
  font-size:26px;
  /* line-height: 120px; */
}
[data-dpr="3"] .number {
  font-size:39px;
  /* line-height: 180px; */
}

.desc {
  font-size:15px;
  font-weight:400;
  color:rgba(151,55,37,1);
  line-height:21px;
  text-align: center;
  margin-top: .56rem;
  margin-bottom: .56rem;
}
[data-dpr="2"] .desc {
  font-size:30px;
  line-height: 42px;
}
[data-dpr="3"] .desc {
  font-size:45px;
  line-height: 63px;
}